<h:form id="formPercentual" 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pe="http://primefaces.org/ui/extensions">

    <script language="JavaScript" src = "scripts/script.js"/>

    <h:panelGrid columns="4">

        <h:panelGroup>
            <h:outputLabel value="Janeiro"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.janeiro}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Fevereiro"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.fevereiro}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Março"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.marco}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Abril"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.abril}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>

    </h:panelGrid>
    
    <h:panelGrid columns="4">

        <h:panelGroup>
            <h:outputLabel value="Maio"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.maio}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Junho"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.junho}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Julho"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.julho}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Agosto"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.agosto}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>

    </h:panelGrid>
    
    <h:panelGrid columns="4">

        <h:panelGroup>
            <h:outputLabel value="Setenbro"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.setembro}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Outubro"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.outubro}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Novembro"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.novembro}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>
        
        <h:panelGroup>
            <h:outputLabel value="Dezembro"/><br/>
            <pe:inputNumber value="#{percentualBean.percentual.dezembro}" 
                            style="width: 100px" 
                            thousandSeparator="."
                            decimalSeparator=","/> 
        </h:panelGroup>

    </h:panelGrid>

    <hr/>

    <p:commandButton id="btnGravar" value="Gravar" 
                     actionListener="#{percentualBean.adicionarEditarFim}"
                     update="formPercentual" />

    <p:commandButton value="Cancelar" 
                     actionListener="#{percentualBean.cancelar}"
                     immediate="true"/>

</h:form>


